<template>
  <div>
    <ul class="mui-table-view">
			<li class="mui-table-view-cell mui-media" v-for="item in newslist" :key="item.id">
					<router-link :to='"/home/newlist/newsinfo/"+item.id'>
            <img class="mui-media-object mui-pull-left" :src="item.img_url" alt="">
						<div class="mui-media-body">
							<h1>{{item.title}}</h1>
							<p class="mui-ellipsis">
                <span>发表时间：{{item.add_time | dateFormat}}</span>
                <span>点击:{{item.click}}次</span>
              </p>
						</div>
					</router-link>
				</li>
			</ul>
  </div>
</template>
<script>

export default {
  data() {
    return {
      newslist:[]
    };
  },

  created() {
    this.getNewList();
  },
  methods: {
    


    getNewList(){
      this.axios.get('api/getnewslist').then(res=>{
        console.log(res.data)
        if(res.data.status == 0){
          this.newslist = res.data.message;
        }
      })
    }
  },
}
</script>
<style lang="scss" scoped>
.mui-table-view {
  h1 {
    font-size: 14px;
  }
}


// h1 {
//   display: flex;
//   flex-direction: column;  // 设置子元素排列方向
//   justify-content: space-between;  // 设置子元素在该方向上的对齐方式
//   display: flex;
//   flex-direction: column;
//   justify-content: space-between

// }
</style>